<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <title>DataParser</title>

    <!-- Bootstrap core CSS -->
    <link href="css/bootstrap.min.css" rel="stylesheet">
    <link href="css/theme.css" rel="stylesheet">
    <link href="css/bootstrap-reset.css" rel="stylesheet">

    <!--external css-->
    <link href="assets/font-awesome/css/font-awesome.css" rel="stylesheet"/>
    <link href="css/animate.css" rel="stylesheet">

    <link href="css/style.css" rel="stylesheet">
    <link href="css/style-responsive.css" rel="stylesheet"/>

    <!-- User css -->
    <link href="css/main.css" rel="stylesheet"/>
    <link href="css/demo.css" rel="stylesheet"/>

    <!-- HTML5 shim and Respond.js IE8 support of HTML5 tooltipss and media queries -->
    <!--[if lt IE 9]>
    <script src="js/html5shiv.js">
    </script>
    <script src="js/respond.min.js">
    </script>
    <![endif]-->
</head>
<body>
<div class="container-fluid demo">
    <div class="dis-wrapper">
        <div class="row">
            <div class="col-md-10 col-sm-10">
                <textarea class="form-control" id="inputText" rows="6">正在加载中...</textarea>
            </div>
            <div class="col-md-2 col-sm-2">
                <div class=" keep-margin-top-10px">
                    <input name="engine" type="radio" value="1"/> 分析器1&nbsp;&nbsp;&nbsp;&nbsp;
                    <input name="engine" type="radio" value="2" checked/> 分析器2
                </div>
                <div class=" keep-margin-top-10px" style="height:34px;">
                    <button class="btn btn-default btn-small" id="analysis" style="float: left; width: 90px;" type="button">分析</button>
                    <div style="float: right; padding-top: 5px; height:34px;">
                        <input id="enable" type="checkbox" value="1"/> 启用
                    </div>
                </div>
                <div class=" keep-margin-top-10px" id="label-explanation-response-btn-box" style="text-align : center">
                    <button class="btn btn-default btn-small form-control" id="label-explanation-response-btn" type="button">点击查看标签释义</button>
                </div>
            </div>
        </div>
        <div class="row">
            <div class="col-md-12 col-sm-12" id="mask">
                <div id="usingManual">
                    <h2>使用说明</h2> <!-- At First , it display -->
                    <p>1. 在<code>输入框</code>中输入要分析的文字</p>
                    <p>2. 点击<code>分析</code>按钮</p>
                    <p>3. 使用替换代替符替换要适配的文字，如<code>$1</code>，<code>$2</code>，<code>$3</code></p>
                </div>
                <div id="loadingTag" style="left: 160px;"> <!-- At First , it hidden -->
                    <img height="28px" src="img/bx_loader.gif" width="28px">
                    <span class="text-info">分析中...如果长时间无反应，请点击<code>分析</code>重试.</span>
                </div>
            </div>
        </div>
        <div id="analysisPanel">
            <div class="row keep-margin-top-20px">
                <div class="col-md-12 col-sm-12">
                    <ul class="nav nav-tabs" id="viewTab" role="tablist">
                        <li class="active" role="presentation">
                            <a aria-controls="sent" aria-expanded="true" data-toggle="tab" href="#sent" id="sent-tab" role="tab">句子视图</a>
                        </li>
                        <li role="presentation">
                            <a aria-controls="para" aria-expanded="true" data-toggle="tab" href="#para" id="para-tab" role="tab">篇章视图</a>
                        </li>
                        <li role="presentation">
                            <a aria-controls="xml" aria-expanded="true" data-toggle="tab" href="#xml" id="xml-tab" role="tab">XML视图</a>
                        </li>
                    </ul>
                </div>
                <div class="col-md-2 col-sm-2" style=" display : none ;">
                    <div class="btn-group width-control-60">
                        <button class="btn btn-default btn-mini" type="button">显示XML</button>
                        <button class="btn btn-default btn-mini" type="button">加载本地</button>
                    </div>
                </div>
            </div>
            <div class="tab-content" id="viewContent">
                <div aria-labelledby="sent-tab" class="tab-pane active" id="sent" role="tabpanel">
                    <div class="row">
                        <div class="col-md-10 col-sm-10 clearfix sub-select" id="disableAttrPanel">
                            <label class="checkbox-inline">
                                <input checked="" type="checkbox" value="postag-enable">
                                词性标注
                            </label>
                            <label class="checkbox-inline">
                                <input checked="" type="checkbox" value="ner-enable">
                                命名实体
                            </label>
                            <label class="checkbox-inline">
                                <input checked="" type="checkbox" value="dp-enable">
                                句法分析
                            </label>
                            <label class="checkbox-inline">
                                <input checked="" type="checkbox" value="srl-enable">
                                语义角色标注
                            </label>
                            <!--<label class="checkbox-inline">-->
                            <!--<input type="checkbox" value="sdp-enable">-->
                            <!--语义依存（树）分析-->
                            <!--</label>-->
                            <!--<label class="checkbox-inline">-->
                            <!--<input type="checkbox" value="sdp_graph-enable" checked="">-->
                            <!--语义依存（图）分析-->
                            <!--</label>-->
                        </div>

                    </div>
                    <div class="row">
                        <div class="col-md-12 col-sm-12">
                            <div class="analysis-wrapper">
                                <ul id="analysisContent">

                                </ul>
                            </div>
                        </div>
                    </div>

                    <div id="label-explanation-panel">
                        <div id="label-explanation-panel-description"><h4>标签释义</h4></div>
                        <div class="tabable">
                            <ul class="nav nav-tabs">
                                <!--<li class="active"><a href="#sdp-exp" name="sdp-tab" data-toggle="tab">语义依存分析</a></li>-->
                                <li class="active"><a data-toggle="tab" href="#dp-exp" name="dp-tab">依存句法分析</a></li>
                                <li class=""><a data-toggle="tab" href="#postag-exp" name="postag-tab">词性标注</a></li>
                                <li class=""><a data-toggle="tab" href="#srl-exp" name="srl-tab">语义角色标注</a></li>
                            </ul>
                            <div class="tab-content" id="label-explanation-panel-content">
                                <!--<div class="tab-pane active" id="sdp-exp">-->
                                <!--<table class="table">-->
                                <!--<thead>-->
                                <!--<tr><th>Tag</th><th>关系类型</th><th>Description</th></tr>-->
                                <!--</thead>-->
                                <!--<tbody>&lt;!&ndash; added by `label_expanlation_panel.js`  &ndash;&gt;</tbody>-->
                                <!--</table>-->
                                <!--</div>-->
                                <div class="tab-pane active" id="dp-exp">
                                    <table class="table">
                                        <thead>
                                        <tr>
                                            <th>Tag</th>
                                            <th>关系类型</th>
                                            <th>Description</th>
                                        </tr>
                                        </thead>
                                        <tbody><!-- added by `label_expanlation_panel.js`  --></tbody>
                                    </table>
                                </div>
                                <div class="tab-pane" id="postag-exp">
                                    <table class="table">
                                        <thead>
                                        <tr>
                                            <th>Tag</th>
                                            <th>Description</th>
                                            <th>Example</th>
                                        </tr>
                                        </thead>
                                        <tbody><!-- added by `label_expanlation_panel.js`  --></tbody>
                                    </table>
                                </div>
                                <div class="tab-pane" id="srl-exp">
                                    <table class="table">
                                        <thead>
                                        <tr>
                                            <th>标记</th>
                                            <th>说明</th>
                                        </tr>
                                        </thead>
                                        <tbody><!-- added by `label_expanlation_panel.js`  --></tbody>
                                    </table>
                                </div>
                            </div>
                        </div>
                        <div id="label-explanation-panel-close-btn">关闭</div>
                    </div>
                </div>
                <div aria-labelledby="para-tab" class="tab-pane" id="para" role="tabpanel">
                    <div class="row">
                        <div class="sub-select clearfix" id="paraSelPanel">
                            <label class="radio-inline">
                                <input name="paraDisItem" type="radio" value="para-originWord">
                                原句
                            </label>
                            <label class="radio-inline">
                                <input checked="" name="paraDisItem" type="radio" value="para-ws">
                                分词
                            </label>
                            <label class="radio-inline">
                                <input name="paraDisItem" type="radio" value="para-postag">
                                词性标注
                            </label>
                            <label class="radio-inline">
                                <input name="paraDisItem" type="radio" value="para-ner">
                                命名实体
                            </label>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-md-12 col-sm-12">
                            <div class="analysis-wrapper">
                                <div id="paraContent">

                                </div>
                                <div id="paraNerIntro" style="display:none">
                                    <label class="inline"><span class="box" style="background: rgb(0, 0, 139);"></span>机构名(Ni)</label><label class="inline"><span class="box" style="background: rgb(205, 160, 0);"></span>人名(Nh)</label><label
                                        class="inline"><span class="box" style="background: rgb(60, 140, 113);"></span>地名(Ns)</label></div>
                            </div>
                        </div>
                    </div>
                </div>
                <div aria-labelledby="xml-tab" class="tab-pane" id="xml" role="tabpanel">
                    <div class="row sub-select">
                        <div class="col-md-2 col-sm-2">
                            <button class="btn btn-default btn-small form-control" id="load-local-xml-btn">加载当前XML</button>
                        </div>
                        <div class="col-md-10 col-sm-10">
                            <p style="padding-top: 6px;margin-bottom: 6px;">可以在以下编辑框中修改XML，然后点击该按钮，待重新解析完成后选择“句子视图”或“篇章视图”查看效果</p>
                        </div>
                    </div>
                    <div class="row" style="margin-top:10px ;">
                        <div class="col-md-12 col-sm-12">
                            <textarea id="xml_area" style="width:100% ; height:300px ; color:#000 ;"></textarea>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div class="push"></div>
</div>


<script src="js/jquery.js">
</script>
<script src="js/bootstrap.min.js">
</script>

<script src="js/wow.min.js">
</script>

<script src="js/jquery.easing.min.js">
</script>
<script src="js/link-hover.js">
</script>


<!--common script for all pages-->
<script src="js/common-scripts.js">
</script>

<script>
    $('a.info').tooltip();

    new WOW().init();
</script>


<script src="js/demo_scripts/jsobj_extension.js" type="text/javascript"></script>
<script src="js/demo_scripts/draw_obj.js" type="text/javascript"></script>
<script src="js/demo_scripts/label_explanation_data.js" type="text/javascript"></script>
<script src="js/demo_scripts/label_explanation_panel.js" type="text/javascript"></script>
<script src="js/demo_scripts/draw_sent_view.js" type="text/javascript"></script>
<script src="js/demo_scripts/draw_para_view.js" type="text/javascript"></script>
<script src="js/demo_scripts/XAndJConverter.js" type="text/javascript"></script>
<script src="js/demo_scripts/draw_load.js" type="text/javascript"></script>

</body>
</html>
<!-- foot.html end
